<template>
  <div class="page">
    <du-nav-bar title="滚动分页" url="/"></du-nav-bar>
    <div class="page-box">
      <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
        <van-cell v-for="(item, index) in list" :key="index" :title="item.id" />
      </van-list>
    </div>
  </div>
</template>

<script setup>
import { useListPage } from '../../hooks/service/useListPage.js'
const { loading, finished, list, onLoad } = useListPage()
</script>

<style scoped>
.page-box {
  overflow-y: auto;
  overflow-x: hidden;
}
</style>
